<script lang="ts" setup>
// const pagesTemplate = {
//   id: 0,
//   title: '模板一',
//   window: {
//     navigationBarBackgroundColor: '#F8F8F8',
//     navigationBarTextStyle: 'black',
//     navigationBarTitleText: '',
//     navigationStyle: 'default',
//     backgroundColor: '#FFFFFF',
//     backgroundTextStyle: 'dark',
//   },
//   tabBar: {
//     color: '#86909c',
//     selectedColor: '#165DFF',
//     backgroundColor: 'rgba(255,255,255,0.9)',
//     list: [{
//       id: 0,
//       pagePath: 'pages/home/index',
//       text: '首页',
//       iconPath: '/static/images/tabbar/tabbar-1.png',
//       selectedIconPath: '/static/images/tabbar/tabbar-1-select.png',
//       needLogin: false,
//       type: 'switchTab',
//     }, {
//       id: 1,
//       pagePath: 'sub-trademark/pages/register/index',
//       text: '商标注册',
//       iconPath: '/static/images/tabbar/tabbar-2.png',
//       selectedIconPath: '/static/images/tabbar/tabbar-2-select.png',
//       needLogin: false,
//       type: 'navigateTo',
//     }, {
//       id: 2,
//       pagePath: 'sub-inquiries/pages/index/index',
//       text: '商标查询',
//       iconPath: '/static/images/tabbar/tabbar-3.png',
//       selectedIconPath: '/static/images/tabbar/tabbar-3-select.png',
//       needLogin: false,
//       type: 'navigateTo',
//     }, {
//       id: 3,
//       pagePath: 'sub-transaction/pages/index/index',
//       text: '商标交易',
//       iconPath: '/static/images/tabbar/tabbar-4.png',
//       selectedIconPath: '/static/images/tabbar/tabbar-4-select.png',
//       needLogin: false,
//       type: 'navigateTo',
//     }, {
//       id: 4,
//       pagePath: 'pages/main/index',
//       text: '我的',
//       iconPath: '/static/images/tabbar/tabbar-5.png',
//       selectedIconPath: '/static/images/tabbar/tabbar-5-select.png',
//       needLogin: false,
//       type: 'switchTab',
//     }],
//   },
// }

const popup = ref<any>(null)
</script>

<template>
  <view>
    <slot />

    <!-- <LayoutTabbar :tabbar="pagesTemplate.tabBar" :z-index="99" /> -->

    <LevitatedSphere size="80rpx" :z-index="98">
      <text class="usvg-custom-service text-80rpx" @click="popup.open()" />
    </LevitatedSphere>

    <uni-popup ref="popup" type="bottom" border-radius="8rpx 8rpx 0 0" background-color="#FFFFFF">
      <view class="absolute right-0 top-0 z-10 p-32rpx" @click="popup.close()">
        <text class="text-30rpx text-[#165DFF]">
          取消
        </text>
      </view>
      <view>
        123
        <!-- <ServerCard /> -->
      </view>
    </uni-popup>
  </view>
</template>

<style lang="scss" scoped></style>
